<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body style="
margin: 0;
padding: 0;
background: url(./img/bg1.png) no-repeat center top;
background-size: 100%;
">
    <div style="
   margin: 0 auto; 
   width: 100%;
   height: 700px;
   color:tomato;
   text-align: center;
   overflow: hidden;
   ">

        <!-- 标题的部分 -->
        <div style="
        height: 100px;
        text-align: center;
        line-height: 100px;
        font-size: 50px;
        font-weight: 600;
    ">
            今天是我们认识的{{dayData.count}}天
        </div>
        <span>今天的日期：{{dayData.format}}</span>
        <!-- 左边小框框开始 -->
        <div style="
        width: 100%;
        height: 100%;
        font-size: 24px;
    ">
            <br>
            <div>
                <span>深圳市今天的天气:</span>
                <span>{{MojiData.weather}}</span></div>
                <span><img src="{{MojiData.icon}}" alt=""></span>
            <br>
            
            <div>
                <span>现在的气温:</span>
                <span>{{MojiData.temperature}}摄氏度</span></div><br>

            <div>
                <span style="font-size: 18px; color: red;">今日天气提示：</span>
                <span>
                 {{MojiData.tips}}
                <span>
            </div>
        </div>
    </div>

    <!-- 每日一文案开始 -->
    <div style="width: 100%; margin-top: 50px; color: pink;">
        <h1 style="text-align: center;">每日一文案</h1>
        <h4 style="text-align: center; line-height: 20px;line-height: 20px;">{{oneData.text}}</h4>
    </div>
    <!-- 每日一文案结束 -->
</body>

</html>